<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Demo</title>
</head>

<body>
  <h1>Demos</h1>
  <ul>
    <li><a href="anijs.html">AniJS</a></li>
    <li><a href="cell-height.html">Cell Height</a></li>
    <li><a href="column.html">Column</a></li>
    <li><a href="css_attributes.html">CSS & attributes</a></li>
    <!-- <li><a href="esmodule.html">ES Module test</a></li> -->
    <li><a href="float.html">Float grid</a></li>
    <li><a href="knockout.html">Knockout.js</a></li>
    <li><a href="lazy_load.html">Lazy Load</a></li>
    <li><a href="mobile.html">Mobile touch</a></li>
    <li><a href="nested.html">Nested grids</a></li>
    <li><a href="nested_advanced.html">Nested Advanced grids</a></li>
    <li><a href="nested_constraint.html">Nested Constraint grids</a></li>
    <li><a href="react-hooks-controlled-multiple.html">ReactJS (Hooks), multiple grid, controlled (NOT Ideal)</a></li>
    <li><a href="react-hooks.html">ReactJS (Hooks)</a></li>
    <li><a href="react.html">ReactJS</a></li>
    <li><a href="responsive.html">Responsive: by column size</a></li>
    <li><a href="responsive_break.html">Responsive: using breakpoints</a></li>
    <li><a href="responsive_none.html">Responsive: using layout:'none'</a></li>
    <li><a href="right-to-left(rtl).html">Right-To-Left (RTL)</a></li>
    <li><a href="serialization.html">Serialization</a></li>
    <li><a href="sizeToContent.html">Size To Content</a></li>
    <li><a href="static.html">Static</a></li>
    <li><a href="title_drag.html">Title drag</a></li>
    <li><a href="transform.html">Transform (scale+offset)</a></li>
    <li><a href="two.html">Two grids</a></li>
    <li><a href="two_vertical.html">Two grids Vertical</a></li>
    <li><a href="vue2js.html">Vue2.js</a></li>
    <li><a href="vue3js.html">Vue3.js</a></li>
    <li><a href="vue3js_dynamic-render_grid-item-content.html">Vue3: Gridstack Controls Vue Rendering Grid Item Content</a></li>
    <li><a href="vue3js_dynamic-render_grid-item.html">Vue3: Gridstack Controls Vue Rendering Grid Item</a></li>
    <li><a href="vue3js_v-for.html">Vue3 with v-for</a></li>
    <li><a href="vue3js_dynamic-modern-renderCB.html">Vue3: Render GridStack item content using GridStack.renderCB</a></li>
    <li><a href="web-comp.html">Web Component</a></li>
    <li><a href="web1.html">Website demo 1</a></li>
    <li><a href="web2.html">Website demo 2</a></li>
  </ul>
  <h1>Angular wrapper</h1>
  <p>We now ship an <a href="https://github.com/gridstack/gridstack.js/tree/master/angular/" target="_blank">Angular Component</a>
    to make it supper easy for that framework</p>
  <h1>React wrapper</h1>
  <p>React original examples are shown above, but upcoming and better TS based <a href="https://github.com/gridstack/gridstack.js/tree/master/react/" target="_blank">/react</a> folder (working to make that official and ship it) should be looked at instead. </p>
  <h1>Old v5.1.1 Jquery Demos</h1>
  Note: those are no longer supported, and use an old version of the lib to compare functionality.
  <ul>
    <li><a href="old_two-jq.html">Two grids</a></li>
    <li><a href="old_nested-jq.html">Nested grids</a></li>
  </ul>
</body>

</html>
